@charset "utf-8";

/* CSS Document */

body {
	font-size: 18px;
	line-height: 1.8em;
	color: #333333;
	font-family: "微软雅黑";
	background: #fff;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
	margin: 0;
	padding: 0;
}

input,
textarea,
select {
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size: 12px;
}

ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

li {
	list-style: none;
}

a,
a:visited {
	text-decoration: none;
	transition: background 0.5s;
	-webkit-transition: background 0.5s;
}

a:hover {
	text-decoration: underline;
	color: #ec1b24;
}

.left2 .active a {color:#ec1b24 ;}

.c {
	clear: both;
}

a {
	font-size: 16px;
}


/*----------------------------------------------end main-----------------------------------------*/


/*----------------------------------------------首页框架-----------------------------------------*/


/*----------------------------------------------头部-----------------------------------------*/

.head {
	height: 120px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.head1 {
	height: 120px;
	width: 1200px;
	margin: 0 auto;
	padding: 10px 0;
	/*	background-color: #bfa;*/
}

.head1_left img {
	float: left;
	margin-top: 10px;
}

.head1_right {
	float: right;
	margin-top: 10px;
}

.head1_right img {
	float: left;
	margin-top: 10px;
	margin-right: 7px;
}

.head1_right p {
	font-family: "arial black";
	font-size: 36px;
	color: #ec1b24;
	float: right;
	margin-top: 30px;
}


/*----------------------------------------------导航栏-----------------------------------------*/

.nav {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	border-top: 1px solid #dcdcdc;
	height: 72px;
	line-height: 72px;
	background: #ec1b24;
}

.nav_detail {
	width: 1200px;
	text-align: center;
	overflow: hidden;
	margin: 0 auto;
}

.nav ul {
	width: 100%;
	height: 72px;
	line-height: 72px;
	margin: 0 auto;
}

.nav ul li {
	float: left;
}

.nav ul li a {
	position: relative;
	width: 150px;
	padding: 15px 0;
	line-height: 20px;
	text-align: center;
	color: #fff;
	font: 16px/50px 阿里巴巴普惠体;
	display: block;
}

.nav ul li a.active {
	display: block;
	background: #332727;
	color: #fff;
}

.nav ul li a:hover {
	display: block;
	background: #332727;
	color: #fff;
}

.nav ul li:hover ul {
	display: block;
}

.nav ul li div {
	z-index: 10;
	position: relative;
}

.nav ul li ul li a {
	background: #332727;
}

.nav ul li ul li {
	float: none;
}

.nav ul li ul {
	height: auto;
	border: none;
	display: none;
}

.nav_sec {
	display: block;
	padding-top: 0px;
	position: relative;
	z-index: 99;
}

.nav_sec ul {
	display: block;
}

.nav_sec li {
	float: left;
	display: block;
	margin: 0 !important;
}

.nav_sec li a {
	color: #fff !important;
	padding: 0 !important;
	border-right: none !important;
	height: 72px;
	line-height: 72px !important;
	width: 169px;
}

.nav_sec li a:hover {
	color: #fff !important;
	border: none !important;
}


/*.nav{width: 100%;
     height: 30px;
     background-color: #005bac;
     margin: 0 auto;
	overflow: hidden;
}
.nav1{
	width: 1200px;
     height: 30px;
 
     margin: 0 auto;
	overflow: hidden;
	
}

ul li a{
	display: block;
	color: white;
	float: left;
	width:96px ;
	font: 14px/30px "微软雅黑";
	
	
}
.cy{
	display: block;
	width: 120px;
	color: white;
	float: left;
	font: 14px/30px "微软雅黑";*/


}

/*----------------------------------------------轮播图-----------------------------------------*/
.banner {
	width: 100%;
	height: 676;
	margin: 0 auto;
}

/*----------------------------------------------品牌故事-----------------------------------------*/
.process {
	width: 100%;
	height: 1027px;
	background-image: url(../images/bg1.png);
	margin: 0 auto;
	overflow: hidden;
}
.process_1 {
	width: 1200px;
	height: 1000px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 90px;
}
.process_12 {
	text-align: center;
	z-index: 999;
	font: 18px/16px 阿里巴巴普惠体;
	margin-top: -70px;
}
.process_12 p {
	font: 18px/16px 阿里巴巴普惠体;
	color: #656561;
	padding-top: 20px;
	z-index: 999;
}
.brand {
	height: 700px;
	margin-top: 74px;
}
.brand ul {
	width: 1200px;
}
.brand ul li {
	margin-left: 45px;
	margin-top: 10px;
	line-height: 20px;
	height: 316px;
	float: left;
	background-image: url(../images/b1.png);
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
.img {
	float: left;
	width: 324px;
	height: 267px;
	overflow: hidden;
	margin: 0 1px 1px 0;
}
.img .inner {
	position: relative;
}
.img .inner div {
	position: absolute;
	top: 0;
	left: 0;
	width: 324px;
	height: 267px;
}
.img .inner img {
	width: 100%;
	height: 100%;
}
.img .inner div:last-child {
	opacity: 0;
}
.brand1 {
	float: left;
	text-align: center;
	margin-top: 50px;
	line-height: 30px;
	padding-left: 20px;
	font-size: 14px;
}
.brand1 img {
	margin-top: 20px;
}
.brand1 p {
	font-size: 16px;
	display: block;
	width: 208px;
	margin: 10px auto;
	padding: 0 9px;
}
.brand2 {
	float: right;
	margin-top: 23px;
	margin-right: 34px;
}
.brand2 span {
	width: 324px;
	height: 267px;
	display: block;
	overflow: hidden;
	margin: 0 auto;
}
.brand2 span img {
	width: 100%;
	transition: transform 1.5s;
}
.brand2 span img:hover {
	transform: scale(1.3);
}
.brand2 span {
	width: 324px;
	height: 267px;
	display: block;
	overflow: hidden;
	margin: 0 auto;
}
.brand4 span {
	width: 324px;
	height: 267px;
	display: block;
	overflow: hidden;
	margin: 0 auto;
}
.brand4 span img {
	width: 100%;
	transition: transform 1.5s;
}
.brand4 span img:hover {
	transform: scale(1.3);
}
.brand ul li.t_bg1 {
	float: right;
	width: 316px;
	height: 336px;
	background-image: url(../images/b1_right.png);
	margin-right: -10px;
	margin-bottom: 20px;
}
.brand3 {
	text-align: center;
	margin-top: 76px;
	line-height: 30px;
	font-size: 14px;
}
.brand3 img {
	margin-top: 20px;
}
.brand3 p {
	font-size: 16px;
	display: block;
	width: 208px;
	margin: 10px auto;
	padding-right: 26px;
}
.brand4 {
	float: left;
	margin-top: -214px;
	margin-left: -283px;
}
.brand ul li.t_bg2 {
	float: right;
	width: 316px;
	height: 336px;
	background-image: url(../images/b1_right.png);
	margin-right: -10px;
	margin-top: -11px;
}
.brand ul li.t_bg2 .brand4 img{
	margin-top: 0px;
}
.brand ul li.t_bg1 .brand3 h1{
	margin-top: 20px;
}
/*----------------------------------------------品牌故事-----------------------------------------*/
.pro {
	width: 100%;
	height: 1247px;
	background-image: url(../images/pb.png);
	margin: 0 auto;
	overflow: hidden;
	background-repeat: no-repeat;
}
.product {
	width: 1200px;
	height: 1247px;
	margin: 0 auto;
	overflow: hidden;
}
.product_11 {
	margin-top: 40px;
}
.product_12 {
	text-align: center;
	z-index: 999;
	margin-top: -82px;
	font: 18px/16px 阿里巴巴普惠体;
	color: #FFFFFF;
}
.product_12 p {
	font: 18px/16px 阿里巴巴普惠体;
	color: #FFFFFF;
	padding-top: 20px;
	z-index: 999;
}
.product_2 {
	width: 1200px;
	margin-top: 80px;
	height: 60px;
}
.product_2 ul li {
	width: 175px;
	height: 54px;
	background-color: white;
	border-radius: 50px;
	float: left;
	margin-left: 54px;
	font-size: 14px;
}
.product_2 ul li h1 {
	z-index: 999;
	color: #241916;
	text-align: center;
	line-height: 54px;
}
.product_2 ul li:hover {
	background-color: #ec1b24;
	text-decoration: none;
}
.product_2 ul li h1:hover {
	color: white;
}
.product_2 ul li a:hover {
	text-decoration: none;
}
.product_3 {
	width: 1200px;
	height: 990px;
	margin-top: 50px;
	padding-left: 10px;
}
.product_3 ul li {
	width: 380px;
	background-color: white;
	float: left;
	margin-bottom: 66px;
	box-shadow: 0px 0px 10px #d9d8d8;
	text-align: center;
	padding-top: 5px;
}
.product_3 ul li span {
	width: 370px;
	height: 323px;
	display: block;
	overflow: hidden;
	margin: 0 auto;
}
.product_3 ul li img {
	width: 100%;
	transition: transform 1.5s;
}
.product_3 ul li img:hover {
	transform: scale(1.3);
}
.product_3 ul li.pr1 {
	margin-right: 16px;
}
.product_3 ul li a {
	width: 380px;
	display: block;
	color: #241916;
	font-size: 35px;
	text-align: center;
	height: 420px;
}
.product_3 ul li a p {
	display: block;
	width: 393px;
	height: 92px;
	line-height: 92px;
}
.product_3 ul li:hover {
	box-shadow: 0 0 10px #000000;
}
.product_3 ul li a:hover {
	color: #ec1b24;
	text-decoration: none;
}

/*----------------------------------------------店铺展示-----------------------------------------*/
.shop {
	width: 100%;
	height: 686px;
	margin: 0 auto;
	overflow: hidden;
	background-color: darkcyan;
	background-image: url(../images/s0.png);
	margin-top: 100px;
}
.shop1 {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
#div1 {
	width: 1200px;
	height: 420px;
	position: relative;
	margin: 100px auto;
	overflow: hidden;
}
#div1 ul {
	width: 1200px;
	height: 420px;
	position: relative;
}
#div1 ul li {
	height: 420px;
	float: left;
	list-style: none;
	padding-right: 20px;
}
#div1 ul li img {
	width: 290px;
	height: 352px;
	display: inline-block;
}
.s1 {
	width: 290px;
	height: 420px;
	background-color: white;
}
.s1 span{
	width: 290px;
	height: 352px;
	display: block;
	overflow: hidden;
	margin: 0 auto;
}
.s1 span img{
	width:100%;
	transition: transform 1.5s;
}
.s span img:hover{
	transform: scale(1.3);
}
.s1 p {
	color: #241916;
	font-size: 18px;
	text-align: center;
	line-height: 57px;
}
a {
	color: #B4B4B4;
}

/*----------------------------------------------新闻动态-----------------------------------------*/
.new {
	width: 100%;
	height: 676px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 104px;
}
.news {
	width: 1200px;
	height: 676px;
	margin: 0 auto;
	overflow: hidden;
}
.news1 {
	width: 1200px;
	height: 430px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 80px;
	padding-left: 6px;
}
.news1 ul li a {
	width: 380px;
	height: 420px;
	float: left;
	margin-bottom: 66px;
	color: #241916;
	float: left;
	background-color: #fbfbfb;
	box-shadow: 2px 4px 4px #d9d8d8;
	margin-right: 18px;
}
.news1 ul li a span {
	width: 380px;
	display: block;
	overflow: hidden;
}
.news1 ul li a img {
	transition: transform 1.5s;
}
.news1 ul li a img:hover {
	transform: scale(1.3);
}
.n1 {
	margin-top: 10px;
	line-height: 30px;
	padding: 0 10px;
}
.n1 h1:hover {
	color: #ec1b24;
}
.n1 p {
	font-size: 15px;
}
a:hover {
	text-decoration: none;
}
.news1 ul li h1 {
	font-size: 20px;
}
.news1 ul li.n2 a {
	margin: 0 18px;
}
.news1 ul li a:hover {
	box-shadow: 0 0 10px #3b3a3a;
}

/*----------------------------------------------加盟留言-----------------------------------------*/
.message {
	width: 100%;
	height: 676px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 14px;
	background-color: #fbfbfb;
}
.me1 {
	width: 1200px;
	height: 676px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 40px;
}
.me1_left {
	float: left;
	width: 370px;
	height: 354px;
	margin-top: 100px;
}
.me1_left ul li {
	width: 180px;
	height: 170px;
	float: left;
	margin-bottom: 13px;
}
.me1_left ul li span {
	width: 180px;
	height: 170px;
	display: block;
	overflow: hidden;
}
.me1_left ul li img {
	width: 100%;
	transition: transform 1.5s;
}
.me1_left ul li img:hover {
	transform: scale(1.3);
}
.me1_left ul li.m2 {
	margin-left: 9px;
}
.me1_left ul li.m3 {
	background-color: #ec1b24;
	text-align: center;
	margin-left: 10px;
}

.me1_left ul li.m3 h1 {
	margin-top: 53px;
	color: white;
}
.me1_left ul li.m3 p {
	font-size: 17px;
	width: 98px;
	height: 30px;
	border: solid 1px #FFFFFF;
	border-radius: 50px;
	margin-top: 10px;
	margin-left: 40px;
	line-height: 25px;
	color: white;
}


.me1_right {
	float: right;
	width: 798px;
	height: 354px;
	margin-top: 100px;
}
.box1 {
	width: 100%;
	height: 42px;
	overflow: hidden;
}
.box1 ul li {
	float: left;
}
.box1 ul li.xm {
	float: left;
	margin: 0 12px;
}
.box1 input[type="text"] {
	padding: 10px;
	width: 252px;
	font-size: 16px;
	border-radius: 5px;
	background-color: #FFFFFF;
	margin-left: -30px;
}
.box2 textarea {
	font: 16px "Microsoft Yahei";
	padding: 5px;
	color: #666;
	resize: none;
	height: 166px;
	width: 512px;
	border-radius: 5px;
	background-color: #FFFFFF;
	margin-top: 10px;
}
.box2 {
	width: 100%;
	height: 237px;
	overflow: hidden;
	margin-top: 10px;
}
.item-right {
	float: left;
}
.item-right12 {
	display: block;
	height: 40px;
	margin-top: 18px;
}
.item-right12 .input-ctl {
	float: left;
	display: block;
	height: 46px;
	font-size: 16px;
	border-radius: 8px;
	padding-left: 10px;
	margin-right: 10px;
}
.item-right1 {
	float: right;
}
.box3.btn-mesSubmit {
	float: left;
	line-height: 36px;
}
.box3 .item .btn-mesSubmit {
	display: block;
	width: 180px;
	height: 40px;
	border: 1px solid #ec1b24;
	background: #ec1b24;
	color: #fff;
	border-radius: 5px;
	line-height: 36px;
	float: left;
	font-size: 18px;
	margin-top: 25px;
	margin-right: 30px;
	font-family: Microsoft Yahei;
	cursor: pointer;
	text-align: center;
}
..box3 .item .btn-mesSubmit a{
	color: white;
}
.box3 .item .btn-mesSubmit:hover {
	background: #fff;
	color: #ec1b24;
}
.box3 .item .btn-mesSubmit:disabled {
	background: #ccc;
}

/*----------------------------------------------底部-----------------------------------------*/
.nav ul li a.active1 {
	display: block;
	color: #fff;
}
.footer {
	width: 100%;
	height: 365px;
	background-image: url(../images/f.png);
	margin: 0 auto;
	overflow: hidden;
}
.footer_content {
	width: 1200px;
	margin: 0 auto;
}
.footer1 {
	width: 261px;
	height: 54px;
	margin-top: 84px;
}
.footer1 img {
	float: left;
}
.footer1 h1 {
	color: white;
	font-size: 30px;
	float: right;
	margin-top: 11px;
}
.footer2 {
	width: 856px;
	height: 202px;
	margin-top: 30px;
	float: left;
}
.footer2 ul li {
	float: left;
	font-size: 18px;
	color: white;
}
.footer2 ul li a {
	color: white;
}
.footer2 ul li a:hover {
	color: #ec1b24;
}
.footer2 p {
	color: white;
	font-size: 18px;
	line-height: 34px;
	margin-top: 13px;
}
.copyright {
	color: white;
	font-size: 18px;
	line-height: 34px;
}
.copyright a {
	color: white;
}
.copyright a:hover {
	color: #ec1b24;
}
.footer3 {
	float: right;
	width: 200px;
	height: 200px;
	margin-top: -52px;
}
.footer3 p {
	color: white;
	font-size: 16px;
	margin-left: 16px;
	margin-top: 10px;
}
.swiper-container img{
	width: 100%;
}